<!DOCTYPE html>
<html>
	<head>
		<?php $this->load->view('haivl/head');?>
	</head>
	<body>
		<div id="fb-root"></div>
		<script>(function(d, s, id) {
			var js, fjs = d.getElementsByTagName(s)[0];
			if (d.getElementById(id)) return;
			js = d.createElement(s); js.id = id;
			js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1&appId=<?php echo $fb_app_id ?>";
			fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));</script>
		<div id="header">
			<?php view_load('haivl/header');?>
		</div>
		<div id="content">
			<div id="mainContainer">
				<div id="leftColumn1">
					<?php view_load('haivl/' . $temp) ?>
					<?php view_load('haivl/footer')?>
				</div>

			</div>
		</div>
		<script>
		$(window).scroll(function(){
			$('.fixedScroll').each(function(){
				var yHeader = ($('#header').position()).top+$('#header').height();
				var fixedTopDetecter = $(this).prev()
				var fixedTop = fixedTopDetecter.attr('data-fixedtop');
				var yInfo = ($(this).position()).top;
				var yThumb = fixedTopDetecter.position().top;
				if(yHeader>yInfo)
				{
					$(this).css({
						position: 'fixed',
						top: fixedTop+'px'
					})
				}
				if(yInfo<yThumb){
					$(this).css({
						position: 'relative',
						top: '0px'
					})
				}
				//			message(yInfo+'-'+yThumb)
			})
		});
	
		</script>
	</body>
</html>